<template>
  <div id="app">
    <!--头部-->
    <router-view name="header"></router-view>

    <!--中部的路由-->
    <router-view name="default" style="padding: 44px 0 50px 0; "></router-view>

    <!--底部-->
    <router-view name="footer"></router-view>

  </div>
</template>

<script>
  export default {
    name: 'App',
    data() {
      return {}
    },
    methods: {},
    components: {}
  }
</script>

<style scoped>
  #app {
    overflow-x: hidden;
  }

  /*谷歌因为滑动效果优化会使mui.js代码在前端提示异常.优化此问题*/
  *{
    touch-action: pan-y;
  }

</style>
